body
{
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	margin: 0px;
	background: #ffffff;
}
html, div, map, dt, isindex, form
{
	display:block;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}
select 
{
	border:1px solid #BDC7D8;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	padding:1px;
}
.inputtext, .inputpassword 
{
	border:1px solid #BDC7D8;
	font-size:11px;
	padding:3px;
}
.Header
{
	font-size: 150%;
	text-align: center;
	width: 100%;
	margin: 0px 0 10px 0;
	border-bottom: #D4EDC9 1px solid;
}
.loginDiv
{
	height:100px;
	font-size: 12px;
	background: #D4EDC9 none repeat scroll 0 0;
	padding:10px;
	border:1px solid #A9DA92;
	margin-bottom:40px;
}
.registerDiv
{
	text-align: center;
	height:45px;
	font-size: 12px;
	background: #D4EDC9 none repeat scroll 0 0;
	padding:10px;
	border:1px solid #A9DA92;
}

.aboutDiv
{
	font-size: 12px;
	background: #ffffff;
	padding:10px;
	vertical-align:middle;
}

/* Create Account */
.accountHeader
{
	font-size: 120%;
	width: 100%;
	margin: 0px 0 10px 0;
	padding-left: 20px;
	border-bottom: #D4EDC9 1px solid;
}
.createAccountHelpSpan
{
	font-size: 96%;
	color: darkgray;
}

/*main */
.SectionDiv
{
	margin: 10px 3% 10px 3%;
}
.formElements 
{
font-size:10px;
}

.criteria
{
	clear:both;
	font-size: 81%;
	margin-top: 2px;
	width:100%;
}
#optionPanel
{
	clear: both;
	font-size: 81%;
	margin-top: 2px;
	width: auto;
	background: #D4EDC9 none repeat scroll 0 0;
	height: 3em;
	border:1px solid #C9D7F1;
}
#optionPanel div
{
	padding : 8px;
}

.showoptions
{
	color:#0000CC;
	cursor:pointer;
	font-size:9px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	text-decoration:underline;
}

.bar
{
	font-size: 81%;
	background-color: #A9DA92;
	height: 2em;
	margin-bottom: 5px;
	margin-top: 0px;
	width: 100%;
	vertical-align: middle;
}
.divtext
{
	padding : 4px;
}

.ResultSectionDiv
{
	margin: 10px 3% 10px 3%;
	background: #D4EDC9 none repeat scroll 0 0;/*#A9DA92*/
	border:1px solid #A9DA92;
}
.statusPanel
{
	font-size: 81%;
}
.statusPanel table
{
	font-size: 100%;
	margin-left: 10px;
	margin-bottom: 10px;
}
.statusInputBox
{
	background-color: #ffffff;
	border-color:#666666 #CCCCCC #CCCCCC;
	border-style:solid;
	border-width:1px;
}


.calendarArea
{
	font-size: 81%;
	background-color: #A9DA92;
	padding: 5px 5px 5px 5px;
	height: auto;
}
.calendarHeader
{
	clear: both;
	margin-top: -1px;
	margin-left: -1px;
	width: auto;
	background: #D4EDC9 none repeat scroll 0 0;
	padding: 5px;
}
.calendarBody
{
	text-align: center;
	margin-top: 10px;
	background-color: #ffffff;
	width:100%;
	height:92%;
}


.manageTaskArea
{
	font-size: 81%;
	background-color: #A9DA92;
	padding: 5px;
}
.manageTaskHeader
{
	clear: both;
	width: auto;
	background: #D4EDC9 none repeat scroll 0 0;
	padding: 5px;
}

.itemList, .highDetailPen, .medDetailPen, .lowDetailPen
{
	color: #000000;
	font-size: 105%;
	text-decoration: underline;
	cursor: hand;
	font-weight: bold;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	clear:both;
	cursor: pointer;
}
.itemSmallList, .highPen, .medPen, .lowPen
{
	color: #000000;
	font-size: 80%;
	text-decoration: underline;
	cursor: hand;
	padding-left: 3px;
	padding-bottom: 1px;
	padding-top: 1px;
	clear:both;
	cursor: pointer;
}

.highColor
{
	background-color: #990000;
}
.medColor
{
	background-color: #006600;
}
.lowColor
{
	background-color: #6600cc;
}

.highPen, .highDetailPen
{
	color: #990000;
}
.medPen, .medDetailPen
{
	color: #006600;
}
.lowPen, .lowDetailPen
{
	color: #6600cc;
}

.calendarTable
{
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	height: 100%;
}
.calendarTableCell
{
	border: #D4EDC9 1px solid;
}
.calendarDay
{
	background-color: #e3ffd9;
	height:8px;
	padding:2px 5px 2px;
	cursor: pointer;
}
.calendarItem
{
	padding: 7px;
}

.ui-datepicker-trigger
{
	padding:0px 0 0 2px;
	margin-top: 2px;
}
DIV.footer
{
	font-size: 70%;
	text-align: center;
    BORDER-TOP: 1px solid #D4EDC9;
    PADDING-BOTTOM: 2px;
    MARGIN:0 0 5 0;
    TEXT-TRANSFORM: none;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
/* ERROR & SUCCESS MESSAGE */
div.errorMsg, div.passMsg {
 margin: 10px auto;
 width: 50%;
 border: 1px dashed #000;
 padding: 5px;
 background: #eae7e7;
}
div.errorHd  {
 margin: 10px;
 background: url(../images/hz_red_dot_kl.gif) bottom left repeat-x;
 padding-bottom: 10px;
}
